<template>
    <require from="./em-editable-dropdown.less"></require>
    <div class="em-editable-dropdown ${editing ? 'editing' : ''}">
        <div class="text" click.delegate="editHandler()"><span>${selectedItem[label]}</span><i class="edit icon"></i></div>
        <div class="input">
        	<em-dropdown value.bind="value" label.bind="label" classes.bind="classes" items.bind="items" selected.bind="selected"></em-dropdown>
        	<div ref="actionsRef" class="actions">
                <button click.delegate="okHandler()" class="ui left attached icon mini button"><i class="checkmark icon"></i></button>
                <button click.delegate="cancelHandler()" class="right attached ui icon mini button"><i class="remove icon"></i></button>
            </div>
        </div>
    </div>
</template>
